// 主题变量
:root {
  // 主色调
  --primary-color: #409eff;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;

  // 文字颜色
  --text-color: #303133;
  --text-regular: #606266;

  // 背景颜色
  --bg-color: #ffffff;
  --bg-color-page: #f5f7fa;

  // 边框颜色
  --border-color: #dcdfe6;
}

// 深色主题
[data-theme='dark'] {
  // 主色调保持不变
  --primary-color: #409eff;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;

  // 文字颜色
  --text-color: #ffffff;
  --text-regular: #e0e0e0;

  // 背景颜色
  --bg-color: #141414;
  --bg-color-page: #1f1f1f;

  // 边框颜色
  --border-color: #434343;
} 